CSS3 Border Radius Property กล่องโค้งมนด้วย CSS3

CSS3 Border Radius Property คือ คุณสมบัติการกำหนดเส้นขอบแบบโค้งมนด้วย CSS3 ซึ่งจะช่วยให้นักพัฒนาเว็บไซต์สามารถสร้างกล่องแบบโค้งมนได้อย่างง่ายดายจากกำหนดด้วยคุณสมบัติของ CSS3

ตัวอย่างโปรแกรม

<style>
#box_css3_raduis {
	border:solid 1px green;
	width:150px;
	height:150px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	background:#009900;
}
</style>

<div id='box_css3_raduis'></div>

ผลลัพธ์

ข้อควรระวัง

CSS3 Border Radius Property สนับสนุนบน IE9+, Firefox 4+, Chrome, Safari 5+, และ Opera ครับ

คำค้นหา CSS3 Border Radius Property กล่องโค้งมนด้วย CSS3, รับเขียนเว็บไซต์, เรียนเขียนโปรแกรม